<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="app">
        <hello></hello>
        <world></world>
    </div>
<script src="vue.js"></script>
    <script>
        var vm=new Vue({
            el:'#app',
            data:{

            },
            components:{
                hello:{
                    template:`
                    <h1>big title==={{msg}}</h1>
                    `,
                    data(){
                        return{
                            msg:'6666'
                        }
                    },
                    methods:{
                        fn(){
                            this.msg='abc'
                        }
                    }
                },
                world:{
                    template:`
                    <h1>word wo de---{{name}}{{age}}{{gender}}</h1>
                    `,
                    data(){
                        return{
                            name:'my',
                            age:18,
                            gender:'man'
                        }
                    }
                }

            }

        })
    </script>
</body>
</html>